const inputs=document.querySelectorAll('.controls input');
function handleUpdate() {
const suffix=this.dataset.sizing||"";

document.documentElement.style.setProperty(`--${this.name}`,this.value+suffix)
console.log(`--${this.name}`)
console.log(this.value+suffix)
}
inputs.forEach(input=>input.addEventListener('change',handleUpdate))
inputs.forEach(input=>input.addEventListener('mousemove',handleUpdate))

